<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        table, tr, td {
            font-size: 15px;
        }

        a {
            text-decoration: none;
            color: blue;
        }

        .tdphonepic {
            border-color: #FFFCFE;
            border-top-color: #FF288D;
            border-left-color: #FF44AD;
            border-right-color: #2D0084;
            border-bottom-color: #00542C;
            border-top-style: dotted;
            border-left-style: dotted;
            border-right-style: dotted;
            border-bottom-style: dotted;
            border-top-width: 1px;
            border-left-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
        }

        .currow {
            border-color: #FFFCFE;
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
            border-bottom-color: #FF844C;
            border-top-style: dotted;
            border-left-style: dotted;
            border-right-style: dotted;
            border-bottom-style: dotted;
            border-top-width: 0px;
            border-left-width: 0px;
            border-right-width: 0px;
            border-bottom-width: 1px;
        }
        td{
            text-align: left;
        }
    </style>
    <link type="text/css" rel="stylesheet" th:href="@{/css/my.css}">
    <script  th:src="@{/js/jquery-1.12.4.js}"></script>
    <script  th:src="@{/js/pageMe.js}"></script>
    <script  th:src="@{/js/my.js}"></script>
</head>
<body>
    <table id="mytable" width="80%"  align="center">
    </table>
    <div id="page" class="page_div" align="center"></div>

    <div id="mydiv2" style="display: none">

        <table>
            <tr>
                <td colspan="3" align="left">
                    <IMG src="/images/star_.gif"/>
                    >>>新品推荐
                </td>
            </tr>
            <tr>
                <td width='100' rowspan='5' align="center" class="tdphonepic">

                    <img id="pic" style='width: 140px;height:200px'/>
                </td>
                <td width='80' class="currow">
                    手机型号:
                </td>
                <td width='100' class="currow" id="type">
                </td>

            </tr>
            <tr class="currow">
                <td>
                    普通售价:
                    <image src='/images/qian1.gif'>
                </td>
                <td id="price1">
                </td>
            </tr>
            <tr class="currow">
                <td>
                    会员特价&nbsp;:
                    <image SRC="/images/qian2.gif">
                </td>
                <td id="price2">
                </td>
            </tr>
            <tr class="currow">
                <td height='27'>
                    手机品牌名:
                </td>
                <td id="title">
                </td>
            </tr>
            <tr>
                <td>
                    <a href="buy?id=${f.pid }">
                        <img border="0" src='/images\\icon_buyCar.gif' style='border: 0;'>
                    </a>
                </td>
            </tr>
            <tr>
                <td align=center>
                    <IMG src="/images/icon1.gif" title="彩铃"/>
                    &nbsp;&nbsp;
                    <IMG src="/images/icon2.gif" title="彩信"/>
                    &nbsp;&nbsp;
                    <IMG src="/images/icon3.gif" title="摄像"/>
                </td>
                <td colspan=2>
                    &nbsp;
                </td>
            </tr>
        </table>
    </div>
</body>
</html>